Tranquility

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

<HTML>
<HEAD>
<TITLE>Tranquility ft. Ayumi Hamasaski</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Description" CONTENT="blog">
<META HTTP-EQUIV="Content-language" CONTENT="EN">
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Copyright" CONTENT="? This contents/materials on this page is copyright by Ryan Nguyen (moorepocket), redistributions are not permitted.">
<META NAME="Designer" CONTENT="Ryan Nguyen (moorepocket)">
<style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
DO NOT STEAL
Name:     Tranquility ft. Ayumi Hamasaski
Designer: Ryan Nguyen
URL:      http://moorepocket.blogspot.com
Date:     02 Mar 2005
----------------------------------------------- */

body,xmp,div,p {
  scrollbar-face-color: #AA753C;
  scrollbar-highlight-color: #AA753C;  
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-shadow-color: #AA753C;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #AA753C;
  scrollbar-darkshadow-color: #000000;
  text-align:justify;
  font-family:georgia,times;
  color:#FFCC99;
  font-size:11px;}

.head {
  font-family:georgia,times;
  color:#000000;
  font-size:11px;
  text-align:right:
  text-transform:uppercase;}

/* Page Structure
----------------------------------------------- */
#content {
  font-family:georgia,times;
  width:320px;
  height:476px;
  margin:0px;
  padding:0px;
  text-align:justify;}
#main {
  width:320px;
  padding:0px;
  font-family:georgia,times;
  color:#FFCC99;
  font-size:11px;}
#main2 {
  padding:0px;
  width:320px;}

/* Title & Description
----------------------------------------------- */
#blog-title {
  margin:0px;
  font-size:11px;
  font-family:georgia,times;
  color:#000000;
  text-transform:uppercase;}
#blog-title a {
  font-size:11px;
  font-family:georgia,times;
  color:#000000;
  text-decoration:none;
  }
#description {
  margin:0px;
  color:#000000;
  font-size:11px;
  font-family:georgia,times;
  color:#000000;}

b, strong, u, i, em, s {
  text-transform:uppercase;
  font-size:11px;
  font-family:georgia,times;
  color:#CF9D61;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
  text-align: center;
  background-color: transparent;
  border: 1px solid #CF9D61;
  font-size: 11px;
  font-color:#CF9D61;
  font-family:georgia,times;}

/* Links
----------------------------------------------- */

a:link, a:visited, a:active {
text-decoration:underline; font-size: 11px; color:#CF9D61; font-family:georgia,times;}

a:hover {
border-bottom:1px dotted #FFCC99;font-size: 11px;color:#000000; font-family:georgia,times;}

/* Posts
----------------------------------------------- */
.date-header {
  letter-spacing:2px;
  border-bottom:1px dashed #000000;
  font-family:georgia,times;
  text-transform:uppercase;
  color:#CF9D61;
  font-weight:bold;}
.post {
  margin:0px;}
.post-title {
  letter-spacing:2px;
  margin:0px;
  color:#CF9D61;
  font-size:11px;
  font-family:georgia,times;
  text-transform:uppercase;}
.post-title a, .post-title strong {
  color:#000000;
  text-decoration:uppercase;
  padding:0px;}
.post-title a:hover {
  color:#CF9D61;}
.post p {
  margin:0px;
p.post-footer {
  text-align:right;}
p.post-footer em {
  float:left;
  text-align:left;
  font-family-style:normal;
  color:#000000;}
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  padding-left:0px;}
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  padding-left:0px;}
.post img {
  margin:0px;
  padding:0px;
  border:1px solid #CF9D61;
  }

/* Comments
----------------------------------------------- */
#comments {
  font-family:georgia,times;
  margin:0px;}
#comments h4 {
  margin:0px;
  border-top:1px dotted #CF9D61;
  padding-top:0px;
  font-family:georgia, times;
  color:#FFCC99;}
#comments-block {
  font-family:georgia,times;
.comment-poster {
  font-family:georgia,times;
  margin:0px;
  padding:0px;
  font-family-weight:bold;
  color:#FFCC99;}
.comment-body {
  font-family:georgia,times;
  margin:0;
  padding:0px;}
.comment-body p {
  font-family:georgia,times;
  margin:0px;}
.comment-timestamp {
  margin:0px;
  font-family:georgia,times;
  padding:0px;
  color:#CF9D61;}
.comment-timestamp a:link {
  font-family:georgia,times;
  color:#CF9D61;}
.deleted-comment {
  font-family:georgia,times;
  font-family-style:italic;
  color:FFFFFF;}

/* Footer
----------------------------------------------- */
#footer {
  padding:0px;
#footer hr {
  width:100%;
  color: #5B707B;
  height:1px;}
hr {
  width:100%;
  color: #000000;
  height:1px;}
</style>
</HEAD>

<h3 class="post-title">
  <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
  <$BlogItemTitle$>
  <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>
         <div class="post-body" width="100%">
	<p>
      <$BlogItemBody$>
    </p>
    </div>
<br>
        <p style="text-align:right" class="post-footer" width="100%">
      posted by <a href="mailto:phuong236797@yahoo.com"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>?
      <MainOrArchivePage><BlogItemCommentsEnabled>|?
         <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments">c<$BlogItemCommentCount$>mnts</a>
      </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
    </p>
    </div>

<ItemPage>
  <div id="comments">
	<BlogItemCommentsEnabled><a name="comments"></a>

<h4><$BlogItemCommentCount$> Comments:</h4>

</dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
      </dd>

<dd class="comment-timestamp"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
   <$BlogCommentDeleteIcon$>
      </dd>

</BlogItemComments>

</dl>
  <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
  <p class="comment-timestamp">
	<p class="head" style="text-align:right"><a href="<$BlogURL$>">Home</a></p>

</p>
    </div>

</ItemPage>
  
</Blogger>
</div></div>

</div>

</div>

</BODY>
</HTML>

Layout Comments

Showing latest 10 of 12 comments

It pretty nice how can i resizing and one more thing i want used my own layouts should i used same kind of codes like you have share here html code
tijden

By Kimjohn8496 on Nov 17, 2011 6:27 pm